<#include '/admin/header.html' >
<style>
    .layui-layer-iframe iframe{
    }
    td .layui-btn-small{
        background:#1E9FFF;
    }
    td .layui-btn-danger {
        background-color: #FF5722;
    }
</style>
<div  class="admin-main">
    <div>
        <!--按钮区域  -->
        <div class="table_control">
            <div class="table_opera">
                <button type="button" id="addadc" class="layui-btn layui-btn-primary " title="新增广告位置"><i class="icon iconfont icon-llalbumshopselectorcreate"></i></button>
            </div>

            <!--搜索区域  -->
            <div class="table_search">
                <input type="text" id="cname" class="keysearch" placeholder="请在这里输入关键字" style="height:25px;">
                <button type="button" class="layui-btn layui-btn-primary layui-btn-small" id="search_adColumn"><i class="layui-icon">&#xe615;</i></button>
            </div>
        </div>
    </div>

    <!--表格区域  -->
    <form id="adcform">
        <table id="adcdata" class="layui-table site-table table-hover" width="100%" lay-skin="line">
            <thead>
            <tr>
                <th>名称</th>
                <th>排序</th>
                <th>操作</th>
            </tr>
            </thead>
        </table>
        <!--传值等操作(暂定)  -->
        <div id="addBrand" ></div>
    </form>
</div>

<!--js区域  -->
<script>
    var table;
    $(function(){

        table = $('#adcdata').DataTable({
            "language": {
                "url": "${staticserver}/media/zh_CN.txt"
            },
            "processing": true,
            "serverSide": true,
            "ordering": false,
            "searching": false,
            "lengthChange": false,
            ajax: {
                //指定数据源
                type:"post",
                url: '${ctx}/core/admin/site-menu/list-json.do',
            },
            columns: [ //定义列
                {data: "name"},
                {data: "sort"},
                {data: null,"render": function(data, type, row) {
                        return "<a class='layui-btn layui-btn-small _aa' name='menuid' onclick='editadc("+data["menuid"]+")' >修改</a>&nbsp;&nbsp;&nbsp;&nbsp;" +
                            "<a class='layui-btn layui-btn-small layui-btn-danger' name='menuid' onclick='delAdc("+data["menuid"]+")' >删除</a>";
                    }}
            ]
        });

        //搜索
        $("#search_adColumn").click(function(){
            searchAdColumn(table);
        });

        $("#addadc").click(function(){
            layer.open({
                title:"添加导航栏",//标题
                maxmin :true,//右上角可否放大缩小
                type:2,//弹框的类型
                shade: [0.3, '#000'],//黑色背景
                shadeClose:false,//黑色背景是否可以点击关闭
                content:"${ctx}/core/admin/site-menu/add.do",//内容的URL
                area:['600px','500px'],//弹框大小
                scrollbar: true,//是否允许浏览器出现滚动条
            });
        });

    });


    function searchAdColumn(table){
        var cname = $("#cname").val();
        var url = table.ajax.url(encodeURI("${ctx}/core/admin/site-menu/list-json.do?keyword="+cname));
        url.load();
    }

    function editadc(menuid){
        layer.open({
            title:"修改导航栏",//标题
            maxmin :true,//右上角可否放大缩小
            type:2,//弹框的类型
            shade: [0.3, '#000'],//黑色背景
            shadeClose:false,//黑色背景是否可以点击关闭
            content:ctx+"/core/admin/site-menu/edit.do?menuid="+menuid,//内容的URL
            area:['600px','500px'],//弹框大小
            scrollbar: true,//是否允许浏览器出现滚动条
        });
    }

    //删除
    function delAdc(menuid){
        var check = menuid;
        debugger;
        if(check == false){
            alert("请选择需要删除的导航栏！！！");
            return false;
        }
        if (!confirm("确认要删除导航栏吗？")) {
            return;
        }
        $.ajax({
            url     : '${ctx}/core/admin/site-menu/delete.do',
            data    : {"menuid":menuid},
            cache   : false,
            type    : 'POST',
            dateType: 'dateType',
            success : function (result) {
                if(result.result == 1){
                    $.Loading.success('删除成功！');
                    table.ajax.url(ctx+"/core/admin/site-menu/list-json.do").load();
                }else {
                    $.Loading.error(result.message)
                }
            },
            error   : function () {
                alert("删除出错，请重试");
            }
        });
    }


</script>
<#include '/admin/footer.html' >
